<template>
    <div>
<!-- 焦点图 -->
    <mt-swipe :auto="4000" class="swipe" :showIndicators="false">
    <mt-swipe-item class="swipe-1">
			<!-- <img src="../../images/roll-1.jpg" alt=""> -->
	</mt-swipe-item>
    <mt-swipe-item class="swipe-2">
			<!-- <img src="../../images/roll-2.jpg" alt=""> -->
	</mt-swipe-item>
    <mt-swipe-item class="swipe-3">
			<!-- <img src="../../images/roll-3.jpg" alt=""> -->
	</mt-swipe-item>
    </mt-swipe>
		
	<router-view></router-view>
    <!-- 菜单列表 -->
      <ul class="mui-table-view mui-grid-view mui-grid-9">
		  <router-link  to="/home/shopping" >
				  <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="#">
		                <img src="../../images/menu1.png" alt="">
		                    <div class="mui-media-body" >超市</div></a></li>
		  </router-link>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="#">
		                     <img src="../../images/menu2.png" alt="">
		                    <div class="mui-media-body">海外购</div></a></li>
		            <li class="mui-table-view-cell mui-m3edia mui-col-xs-4 mui-col-sm-4"><a href="#">
		                    <img src="../../images/menu3.png" alt="">
		                    <div class="mui-media-body">服饰</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="#">
		                  <img src="../../images/menu4.png" alt="">
		                    <div class="mui-media-body">生鲜</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="#">
		                    <img src="../../images/menu5.png" alt="">
		                    <div class="mui-media-body">拼购</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="#">
		                    <img src="../../images/menu6.png" alt="">
		                    <div class="mui-media-body">领劵</div></a></li>
		        </ul> 
    </div>
</template>
<script>
export default {
    
}
</script>
<style lang='scss' scope>

.swipe{
    height: 300px;
	
}
.swipe-1{
	background-image: url("../../images/roll-1.jpg");
	background-size:contain;
	background-repeat: no-repeat;
}
.swipe-2{
	background-image: url("../../images/roll-2.jpg");
	background-size:contain;
	background-repeat: no-repeat;
}
.swipe-3{
   background-image: url("../../images/roll-3.jpg");
	background-size:contain;
	background-repeat: no-repeat;
}
.mui-table-view-cell img{
    width: 50px;
}
</style>
